<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>newOrders</title>
    <link rel="StyleSheet" href="/css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
<div th:replace="common/top">
</div>

<div id="Content">
    <div id="Catalog"><form action="/order/gotoconfirm" method="post">

        <table>
            <tr>
                <th colspan=2>Payment Details</th>
            </tr>
            <tr>
                <td>Card Type:</td>
                <td><select name="cardType">
                    <option value="visa"> Visa </option>
                    <option value="mastercard"> MasterCard </option>
                    <option value="Americanexpress"> American Express</option>
                </select></td>
            </tr>
            <tr>
                <td>Card Number:</td>
                <td><input type="text" name="creditCard" /></td>
            </tr>
            <tr>
                <td>Expiry Date (MM/YYYY):</td>
                <td><input type="text" name="expiryDate" /></td>
            </tr>
            <tr>
                <th colspan=2>Billing Address</th>
            </tr>

            <tr>
                <td>First name:</td>
                <td><input type="text" name="billToFirstName" th:value="${account.firstName}"/></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td><input type="text" name="billToLastName" th:value="${account.lastName}"/></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input type="text" size="40" name="billAddress1" th:value="${account.address1}" /></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input type="text" size="40" name="billAddress2" th:value="${account.address2}"/></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input type="text" name="billCity" th:value="${account.city}"/></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input type="text" size="4" name="billState" th:value="${account.state}"/></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input type="text" size="10" name="billZip" th:value="${account.zip}"/></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input type="text" size="15" name="billCountry" th:value="${account.country}"/></td>
            </tr>

            <tr>
                <td colspan=2><input type="checkbox" name="shippingAddressRequired" />
                    Ship to different address...</td>
            </tr>

        </table>

        <input type="submit" name="newOrder" value="Continue" />

    </form></div>
</div>

<div th:replace="common/bottom">
</div>
</body>
</html>